<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>延边州住房公积金网上营业厅</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="/wsyyt/layui/css/layui.css" media="all">

<link rel="icon" href="/wsyyt/images/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/wsyyt/images/favicon.ico" type="image/x-icon" />
<link rel="bookmark" href="/wsyyt/images/favicon.ico" type="image/x-icon" />

<script type="text/javascript" src="/wsyyt/layui/layui/lay/modules/layer.js"></script>
<script src="/wsyyt/layui/layui/jquery-3.2.1.min.js" charset="utf-8"></script>
<script src="/wsyyt/layui/layui/layui.js" charset="utf-8"></script>
</head>
<style type="text/css">     
    .mask {       
            position: absolute; top: 0px; filter: alpha(opacity=60); 
            z-index: 1002; left: 0px;              
			background:url(/wsyyt/layui/layui/img/jz.gif) no-repeat center rgba(0,0,0,0.5) ;
		  	background-size:30px 30px;
			background-repeat: no-repeat;
			background: 
        }     
</style>   

<style type="text/css">
	#web_bg{
  position:fixed;
  top: 0;
  left: 0;
  width:100%;
  height:100%;
  min-width: 1000px;
  z-index:-10;
  zoom: 1;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-position: center 0;
}
    .code
    {
            background:url(code_bg.jpg);
            font-family:Arial;
            font-style:italic;
             color:blue;
             font-size:30px;
             border:1;
             padding:2px 3px;
             letter-spacing:3px;
             font-weight:bolder;             
             float:left;            
             cursor:pointer;
             width:128px;
             height:60px;
             line-height:60px;
             text-align:center;
             vertical-align:middle;

    }
    a
    {
        text-decoration:none;
        font-size:12px;
        color:#288bc4;
        }
    a:hover
    {
       text-decoration:underline;
        }
</style><style>
.aa{width:10%;height:10%;position:relative}
.aa .bb{width:500%;height:500%;position:absolute;display:none;border:1px solid #ddd;top:30px;left:0}
.aa:hover .bb{display:block}
</style>
    <script language="javascript" type="text/javascript">

        var code;
        function createCode(){
            code = "";
            var codeLength = 4; //验证码的长度
            var checkCode = document.getElementById("checkCode");
            var codeChars = new Array(0, 2, 3, 4, 5, 6, 7, 8, 9, 
            'a','b','c','d','e','f','g','h','j','k','m','n','o','p','q','r','s','t','u','v','w','x','y','z',
            'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'); //所有候选组成验证码的字符，当然也可以用中文的
            for (var i = 0; i < codeLength; i++) 
            {
                var charNum = Math.floor(Math.random() * 52);
                code += codeChars[charNum];
            }
            if (checkCode) 
            {
                checkCode.className = "code";
                checkCode.innerHTML = code;
            }
        };
     </script>
     <script language="javascript" type="text/javascript">

        var code;
        function createCode2(){
            code = "";
            var codeLength = 4; //验证码的长度
            var checkCode = document.getElementById("checkCode2");
            var codeChars = new Array(0, 2, 3, 4, 5, 6, 7, 8, 9, 
            'a','b','c','d','e','f','g','h','j','k','m','n','o','p','q','r','s','t','u','v','w','x','y','z',
            'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'); //所有候选组成验证码的字符，当然也可以用中文的
            for (var i = 0; i < codeLength; i++) 
            {
                var charNum = Math.floor(Math.random() * 52);
                code += codeChars[charNum];
            }
            if (checkCode) 
            {
                checkCode.className = "code";
                checkCode.innerHTML = code;
            }
        };
     </script>
     <script language="javascript" type="text/javascript">

        var code;
        function createCode3(){
            code = "";
            var codeLength = 4; //验证码的长度
            var checkCode = document.getElementById("checkCode3");
            var codeChars = new Array(0,2, 3, 4, 5, 6, 7, 8, 9, 
            'a','b','c','d','e','f','g','h','j','k','m','n','o','p','q','r','s','t','u','v','w','x','y','z',
            'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'J', 'K', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z'); //所有候选组成验证码的字符，当然也可以用中文的
            for (var i = 0; i < codeLength; i++) 
            {
                var charNum = Math.floor(Math.random() * 52);
                code += codeChars[charNum];
            }
            if (checkCode) 
            {
                checkCode.className = "code";
                checkCode.innerHTML = code;
            }
        };
     </script>

<body onload="createCode();">
	<div class="wrapper">
    	<div id="web_bg" style="background-image: url(/wsyyt/images/login.png);"></div>
	</div>
	<br>
	<br>
	<br>
	<br>
	<br>
	<br>
	<div align="center">
		
	<div align="center" id="mask" class="mask"></div>   
		<div id="left" style="float:right;">
		 <div style="float:right;">
		
					<div><img style="width:60%;height:50%" src="../templete/ssd.png"></img></div>
		</div>
		<div align="center" class="layui-tab layui-tab-card " style="width: 45%;height: 50%">
			<ul class="layui-tab-title">
				<li id="gr" style="background-color: white">用户登录</li>
				<li id="gj" onclick="createCode2();">高级用户登录</li>
				<li id="dw" onclick="createCode3();">单位用户登录</li>
			</ul>
			<div class="layui-tab-content">
				<div class="layui-tab-item layui-show">
			  <form id="form" class="layui-form" action="">
			    
					<label class="layui-form-label">身份证号码 : </label>
					<div class="layui-input-inline" style="width: 45%">
						<input name="account" id="account" class="layui-input" type="text"autocomplete="off" lay-verify="required|number">
					</div>
					
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="javascript:;"><font size="2" id="zc" color="blue">注册？</font></a>
						
					<br> <br> 
					<label class="layui-form-label">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码 : </label>
					<div class="layui-input-inline" style="width: 45%">
						<input name="password" id="password" class="layui-input" type="password"autocomplete="off" lay-verify="required|number">
					</div>
					
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="javascript:;"><font size="2" id="zh1" color="blue">找回密码？</font></a>
						
					<br><br>
					<label class="layui-form-label" >验&nbsp;&nbsp;&nbsp;证&nbsp;&nbsp;&nbsp;码 : </label>
					<div class="code">
						<input name="DXYZ" id="DXYZ" class="layui-input" type="text"autocomplete="off" lay-verify="required|number">
					</div>
					
					<div class="layui-input-inline">
						<div class="code" id="checkCode" onclick="createCode()" ></div>
					</div>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="javascript:;" onclick="createCode()"><font size="2" color="blue">看不清换一张？</font></a>
					<br>
					<br>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<input id="submit" type="button" class="layui-btn layui-btn-primary" value="登录">
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<font id="ptcw" style="color: red;"></font>
					</form>
					<br>
					温馨提示：<br><font style="color:red">
1、新版个人网上营业厅可办理以下业务：(1)、退休提取——达到法定退休年龄的职工可在线办理退休提取业务；(2)、离职提取——停缴满6个月的职工可在线办理离职提取业务；(3)、在线还款——住房公积金贷款借款人可在线办理还款业务；(4)、部分还贷——住房公积金贷款借款人可在线办理提前部分还款业务（5万元起还）；(5)、逐月申请——住房公积金贷款借款人在个人账户余额充足的情况下，可在线办理委托逐月提取冲还贷业务；(5)、终止逐月申请——住房公积金贷款借款人在已办理委托逐月提取冲还贷业务的情况下，可在线办理终止委托逐月提取冲还贷业务；
</font><br>
<font>
2、注册时，如果您在我中心预留的手机号码与您正在使用的不一致，请本人携带有效身份证件到我中心的营业网点变更手机号码。
<br>
3、注册时所需的个人账号可向本单位负责公积金的业务人员询问或本人携带有效身份证件到我中心的营业网点查询。
<br>
					</font>
				</div>
				
				
				<div class="layui-tab-item">
				 <form class="layui-form" action="">
					<label class="layui-form-label">联名卡卡号 : </label>
					<div class="layui-input-inline" style="width: 45%">
						<input name="account" id="account2" class="layui-input" type="text"
							autocomplete="off" lay-verify="required|number">
					</div>
					
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="javascript:;"><font size="2" id="zc" color="blue">注册？</font></a>
					
					<br>
					<br> 
					
					<label class="layui-form-label">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码 : </label>
					<div class="layui-input-inline" style="width: 45%">
						<input name="password" id="password2" class="layui-input" type="password"autocomplete="off" lay-verify="required|number">
					</div>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="javascript:;"><font size="2" id="zh2" color="blue">找回密码？</font></a>
					
					<br><br>
					<label class="layui-form-label">验&nbsp;&nbsp;&nbsp;证&nbsp;&nbsp;&nbsp;码 : </label>
					<div class="code">
						<input name="DXYZ" id="DXYZ2" class="layui-input" type="text"autocomplete="off" lay-verify="required|number">
					</div>
					
					<div class="layui-input-inline">
						<div class="code" id="checkCode2" onclick="createCode2()" ></div>
					</div>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="javascript:;" onclick="createCode2()"><font size="2" color="blue">看不清换一张？</font></a>
					<br>
					<br>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

					<input id="submit2" type="button" class="layui-btn layui-btn-primary" value="登录">
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<font id="gjcw" style="color: red;"></font>
				  </form>
				</div>
				<div class="layui-tab-item">
				 <form class="layui-form" action="">
					<label class="layui-form-label">单位账号 : </label>
					<div class="layui-input-inline" style="width: 45%">
						<input name="account" id="account1" class="layui-input" type="text"
							autocomplete="off" lay-verify="required|number">
					</div>
					
						&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="javascript:;"><font size="2" id="dwzc" color="blue">注册？</font></a>
						
					<br>
					<br> 
					
					<label class="layui-form-label">密&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;码 : </label>
					<div class="layui-input-inline" style="width: 45%">
						<input name="password" id="password1" class="layui-input" type="password"autocomplete="off" lay-verify="required|number">
					</div>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="javascript:;"><font size="2" id="zh3" color="blue">找回密码？</font></a>
					<br><br>
					<label class="layui-form-label">验&nbsp;证&nbsp;码&nbsp; : </label>
					<div class="code">
						<input name="DXYZ" id="DXYZ3" class="layui-input" type="text"autocomplete="off" lay-verify="required|number">
					</div>
					
					<div class="layui-input-inline">
						<div class="code" id="checkCode3" onclick="createCode3()" ></div>
					</div>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
						<a href="javascript:;" onclick="createCode3()"><font size="2" color="blue">看不清换一张？</font></a>
					<br>
					<br>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

					<input id="submit1" type="button" class="layui-btn layui-btn-primary" value="登录">
					<button type="reset" class="layui-btn layui-btn-primary">重置</button>
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<font id="dwcw" style="color: red;"></font>
				  </form>
				</div>
			</div>
			
		</div>
		
	</div>

  </div>
 
	<script>
		layui.use('element', function() {
			var $ = layui.jquery, element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
		});
	</script>
	<script type="text/javascript">
	
	function getPath() {  
	     
	        return 'http://'+location.host;
	}
		
		
	</script>
	<script type="text/javascript" src="/wsyyt/layui/layui/lay/modules/layer.js"></script>
	<script type="text/javascript" src="/wsyyt/layui/layui/layer.ext.js"></script>
      <script type="text/javascript">
      	function s(){     
        $("#mask").css("height",$(document).height());     
        $("#mask").css("width",$(document).width());     
        $("#mask").show();     
	    }  
	    //隐藏遮罩层  
	    function h(){     
	          
	        $("#mask").hide();     
	    }  
	      var pd="1";
	      $("#gr").click(function(){
	    	 pd=1;
	      });
	      $("#dw").click(function(){
	     	 pd=3;
	      });
	      $("#gj").click(function(){
	     	 pd=2;
	      });
			$(document).keyup(function(event){
			var d= pwStrength($("#password").val());
			  if(event.keyCode ==13){
			    if(pd=="1"){
				 var a=$("#account").val();
	        	 var b=$("#password").val();
	        	 var inputCode = document.getElementById("DXYZ").value;
			            if (inputCode.length <= 0) 
			            {	   
			                layer.msg('请输入验证码！', {icon: 5});		  
			            }
			            else if (inputCode.toUpperCase() != code.toUpperCase()) 
			            {	             
			               layer.msg('验证码输入有误！',{icon: 5});		  
			                createCode();
			            }
	        		  	else if(a==""){
	        			   layer.msg('身份证不能为空！',{icon: 5});
	        		  	}
	        		  	else if(b==""){   
	        			   layer.msg('密码不能为空！',{icon: 5});		    		  
	        		  	}
		        		else if(a!="" && b!=""){
		        			s();
							$.ajax({
								url : getPath()+'/wsyyt/logincontroller/ptdl',
								method : 'post',
								dataType : 'JSON',
								data: {'account':a,'password':b},
								success : function(result) {
									h();
									var code = result.code;
									if(code==0){
									if(d<2){
									layer.alert('提示：密码不能小于6位必须由数字和字母组成，请修改密码后再登陆', {
								      skin: 'layui-layer-molv' //样式类名  自定义样式
								     ,closeBtn: 1    // 是否显示关闭按钮
								      ,anim: 1 //动画类型
								     ,btn: ['确认'] //按钮
								      ,icon: 5    // icon
								     ,btn1:function(){
										$("#zh1").click();
								     }});	
							    		return;
							    		}
									    window.location.href =getPath()+'/wsyyt/index.jsp';   	 								  
									}else{	
										if(result.CW=="渠道未开通"){
									    	$("#ptcw").html("提示:"+"因公积金计息暂停网上服务!");
									    }else{
									    	$("#ptcw").html("提示:"+result.CW);
									    }
									}
								}
						});		
					};
				}
			 }
		});
    	  $("#submit").click(function(){
    		var d= pwStrength($("#password").val());
    		
    		
        	 var a=$("#account").val();
        	 var b=$("#password").val();
        	 var inputCode = document.getElementById("DXYZ").value;
		            if (inputCode.length <= 0) 
		            {	   
		                layer.msg('请输入验证码！',{icon: 5});		  
		            }
		            else if (inputCode.toUpperCase() != code.toUpperCase()) 
		            {	             
		               layer.msg('验证码输入有误！',{icon: 5});		  
		                createCode();
		            }
        		  	else if(a==""){
        			   layer.msg('身份证不能为空！',{icon: 5});		  
        		  	}
        		  	else if(b==""){   
        			   layer.msg('密码不能为空！',{icon: 5});		    		  
        		  	}
	        		else if(a!="" && b!=""){
	        		s();
						$.ajax({
							url : getPath()+'/wsyyt/logincontroller/ptdl',
							method : 'post',
							dataType : 'JSON',
							data: {'account':a,'password':b},
							success : function(result) {
							h();
								var code = result.code;
								if(code==0){
								if(d<2){
								
								
									layer.alert('提示：密码必须由大于6位的数字和字母组成，请修改密码后再登陆', {
								      skin: 'layui-layer-molv' //样式类名  自定义样式
								     ,closeBtn: 1    // 是否显示关闭按钮
								      ,anim: 1 //动画类型
								     ,btn: ['确认'] //按钮
								      ,icon: 5    // icon
								     ,btn1:function(){
										$("#zh1").click();
								     }});	
						    		return;
						    		}
								  window.location.href =getPath()+'/wsyyt/index.jsp';
								     				 								  
								}else{	
									if(result.CW=="渠道未开通"){
									    $("#ptcw").html("提示:"+"因公积金计息暂停网上服务!");
									}else{
									    $("#ptcw").html("提示:"+result.CW);
									}
								}
							}
					});		

			};
	});
      </script>
     
      <script type="text/javascript">
			$("#zc").click(function() {
				window.location.href =getPath()+'/wsyyt/login/xy.html';
			});
			$("#zh1").click(function() {
				window.location.href =getPath()+'/wsyyt/login/PT_zhmm.html';
			});
			$("#zh2").click(function() {
				window.location.href =getPath()+'/wsyyt/login/GJ_zhmm.html';
			});
			$("#zh3").click(function() {
				window.location.href =getPath()+'/wsyyt/login/DW_zhmm.html';
			});
			$("#dw").click(function() {
				$("#gr").attr("style","false");
			});
			$("#gj").click(function() {
				$("#gr").attr("style","false");
				$("#dw").attr("style","false");
			});
			$("#dwzc").click(function() {
				window.location.href =getPath()+'/wsyyt/login/DW_zc.html';
			});
			$(function(){
				$("#gj").hide();
				$("#dw").hide();
			});
	  </script>
	  
	  <script>
	   function CharMode(iN){  
if (iN>=48 && iN <=57) //数字  
return 1;  
if (iN>=65 && iN <=90) //大写  
return 2;  
if (iN>=97 && iN <=122) //小写  
return 4;  
else  
return 8;   
}  
//bitTotal函数  
//计算密码模式  
function bitTotal(num){  
modes=0;  
for (i=0;i<4;i++){  
if (num & 1) modes++;  
num>>>=1;  
}  
return modes;  
}  
//返回强度级别  
function checkStrong(sPW){  
if (sPW.length<6)  
return 0; //密码太短  
Modes=0;  
for (i=0;i<sPW.length;i++){  
//密码模式  
Modes|=CharMode(sPW.charCodeAt(i));  
}  
return bitTotal(Modes);  
}  
//显示颜色  
function pwStrength(pwd){  
if (pwd==null||pwd==''){  
Lcolor=Mcolor=Hcolor=O_color;  
}  
else{  
S_level=checkStrong(pwd);  
switch(S_level) {  
		case 0: 
		return 0
		case 1: 
		return 1
		break;  
		case 2: 
		return 2
		break;  
		default:  
		
		return 3
	}  
}  
return;  
}  
	  
	  
	  </script>
</body>
</html>